<template>
  <div class="v-bottom">
    <div class="vb-item sectionBtn" :class="{active: handleBottomBox.sixView.flag}" @click="showVBtm('sixView')">
      <i class="amsp el-amsp-shitusanweishitu"></i><span class="vb-name">视图</span>
    </div>

    <div class="vb-item sectionBtn" :class="{active: handleBottomBox.ctView.flag}" @click="showVBtm('ctView')">
      <i class="amsp el-amsp-shitusanweishitu"></i><span class="vb-name">CT视图</span>
    </div>

    <div class="vb-item sectionBtn" :class="{active: handleBottomBox.curImg.flag}" @click="showVBtm('curImg')">
      <i class="amsp el-amsp-weibiaoti-"></i><span class="vb-name">查看</span>
    </div>
    <div class="vb-item sectionBtn" :class="{active: handleBottomBox.brightnessFrom.flag}" @click="showVBtm('brightnessFrom')">
      <i class="amsp el-amsp-liangdu-"></i><span class="vb-name">亮度</span>
    </div>
    <div class="vb-item colorBtn" :class="{active: handleBottomBox.contrastFrom.flag}" @click="showVBtm('contrastFrom')">
      <i class="amsp el-amsp-line-contrastduibidu-01"></i><span class="vb-name">对比度</span>
    </div>
  </div>
</template>

<script>
  
export default {
  components: {
  },
  props: ['handleBottomBox'],
  data() {
    return {
    }
  },
  computed: {
  },
  created() {},
  mounted() {},

  methods:{
    showVBtm(item){
      for(let a in this.handleBottomBox)
        if (a == item) {
          this.handleBottomBox[a].flag = !this.handleBottomBox[a].flag
        } else {
          this.handleBottomBox[a].flag = false
        }
    },
  }
}
</script>
<style scoped lang="less">
</style>